<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                template="./templates/base_template.xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui">

    <ui:define name="complementTitreEtH1">Menu du TP3</ui:define>

    <ui:define name="content">
        <h3>Choississez les comptes pour le transfert</h3>
        Attention, faîtes bien attention à respecter les majuscules.
        <br/><br/>

        <f:view>
            <h:form id="form">  
                <p:panel header="AutoComplete" toggleable="true" id="panel">  
                    <h:panelGrid columns="2" cellpadding="5">  

                        <h:outputLabel value="Compte à débiter :" for="debit"> </h:outputLabel> 
                        <p:autoComplete id="debit" value="#{gestionnaireDeComptes.nomProprio}"   
                                        completeMethod="#{gestionnaireDeComptes.complete}"> </p:autoComplete>
                        
                        <h:outputLabel value="Compte à créditer :" for="credit"> </h:outputLabel> 
                        <p:autoComplete id="credit" value="#{gestionnaireDeComptes.nomCompteCrediteur}"   
                                        completeMethod="#{gestionnaireDeComptes.complete}"> </p:autoComplete>
                        <h:outputLabel value="Montant : " for="montant"></h:outputLabel>
                        <h:inputText id="montant" value="#{gestionnaireDeComptes.montant}" ></h:inputText>  

                    </h:panelGrid>  
                    <h:commandButton action="#{gestionnaireDeComptes.transferer}" value="Transfert"></h:commandButton>
                </p:panel>  
            </h:form>  
        </f:view>


    </ui:define>

</ui:composition>

